$(function () {
    // 1.点击切换登录与注册盒子
    $('.login-box a').on('click', function () {
        $('.login-box').hide()
        $('.register-box').show()
    })
    $('.register-box a').on('click', function () {
        $('.register-box').hide()
        $('.login-box').show()
    })


    // 2. 注册时进行表单效验 规定表单输入的内容
    layui.form.verify({
        account: [
            //用户账号必须是1到10位的数字或者字母
            /^[a-zA-Z0-9]{1,10}$/,
            '用户账号必须是1到10位的数字或者字母'
        ],
        pwd: [
            // 密码必须是6到12位的数字或者字母
            /^[0-9a-zA-Z]{6,12}$/,
            '密码必须是6到12位的数字或者字母'
        ],
        // 确认密码规则
        repwd: function (value, item) {
            // 先获得密码表单的value值 进行比较
            let pwdValue = $('.register-box [name=password]').val();
            if (value !== pwdValue) {
                return '两次密码输入不一致'
            }
        }
    })

    // 3.点击注册按钮发送ajax
    $('#registerBox').on('submit', function (e) {
        e.preventDefault()
        axios({
            method: 'POST',
            url: '/api/reguser',
            data: $(this).serialize()
        }).then(res => {
            if (res.data.status !== 0) {
                location.href = '/login.html'

                return layui.layer.msg(res.data.message)
            }
            // 成功提示
            // layui.layer.msg('恭喜您,注册成功!')
            // 清空表单原生js的reset重置表单方法
            $('#registerBox')[0].reset()
            // 跳转到登录页面===>调用点击去登录链接a的点击事件就行
            $('.register-box a').click()
        })

    })

    // 4.点击登录按钮发送ajax 然后页面跳转到首页记得把 ===>token用于有权限接口的身份认证保存到本地存储===>下次还可以登录
    $('#loginBox').on('submit', function (e) {
        e.preventDefault()
        axios({
            method: 'POST',
            url: '/api/login',
            data: $(this).serialize()
        }).then(res => {
            console.log(res.data);
            if (res.data.status !== 0) {
                return layui.layer.msg(res.data.message)
            }
            // 成功提示
            layui.layer.msg('恭喜您,登录成功!')
            // 将token用于有权限接口的身份认证保存到本地存储
            localStorage.setItem('token', res.data.token)
            // 清空表单
            $(this)[0].reset()
            // 1s后跳转到index首页
            setTimeout(function () {
                location.href = '/index.html'
            }, 1000)

        })
    })
})